<template>
    <div>


      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>规则</span>
        </div>
        <div>
          前置规则：
          <el-table
            :data="ruleinfo.preRuleScriptDtos"
            style="width: 100%">
            <el-table-column
              prop="ruleScript"
              label="ruleScript"
              >
            </el-table-column>
            <el-table-column
              prop="modelName"
              label="modelName"
              >
            </el-table-column>

          </el-table>
          <hr>
          主规则：
          <el-table
            :data="ruleinfo.ruleScriptDtos"
            style="width: 100%">
            <el-table-column
              prop="ruleScript"
              label="ruleScript"
              width="180">
            </el-table-column>
            <el-table-column
              prop="ruleTip"
              label="ruleTip"
            >
            </el-table-column>
            <el-table-column
              prop="sbbMc"
              label="sbbMc"
            >
            </el-table-column>

          </el-table>
        </div>

      </el-card>

      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>vo</span>

        </div>
        <div >
          <el-table
            :data="ruleinfo.ruleVarDtos"
            style="width: 100%"
          >
          <el-table-column
            prop="varIndex"
            label="#"
            width="20">
          </el-table-column>
          <el-table-column
            prop="varName"
            label="varName"
          >
          </el-table-column>
          <el-table-column
            prop="varValue"
            label="varValue"
          >
          </el-table-column>

          </el-table>
        </div>
      </el-card>
      <hr>

    </div>
</template>

<script>

    export default {
        name: "ruleInfo",
      data(){
          return{

          }
      },
      methods:{

      },
      props:[
        'ruleinfo'
      ]
    }
</script>

<style scoped>

  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 48%;
    float: left;
  }
</style>
